﻿HTML
{
	width: 100%;
	height:auto;
	background: url("../Images/BgHTML.jpg") repeat-x top #FF0070;
	padding: 0 ;
	margin: 0;
}
body
{
	width: 100%;
	height:auto;
	font-family: Arial;
	font-size: 12px;
	padding: 0 ;
	margin: 0;
}
P
{
	font-size: 12px;
	font-family: Arial;
	padding: 0;
	margin: 0;
}
PRE
{
	/*width: 400px;*/
	height: auto;
	overflow-y: visible;
	overflow-x: auto;
	font-size: 12px;
	font-family: Arial;
	/*padding: 5px 0 20px 0;*/
	margin: 0;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	table-layout: fixed;

}
TEXTAREA
{
	font-size: 12px;
	font-family: Arial;
	padding: 0;
	margin: 0;
}

PRE.Note
{
	width: 700px;
	height: auto;
	overflow-y: visible;
	overflow-x: auto;
	font-size: 12px;
	font-family: Arial;
	padding: 0;
	margin: 0;
}

PRE.Reason
{
	width: 250px;
	height: auto;
	overflow-y: visible;
	overflow-x: auto;
	font-size: 12px;
	font-family: Arial;
	padding: 5px 0 20px 0;
	margin: 0;
}

.Filemsg
{
	width: 100px;
	height: auto;
	overflow-y: visible;
	overflow-x: auto;
	font-size: 12px;
	font-family: Arial;
	padding: 5px 0 20px 0;
	margin: 0;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	table-layout: fixed;
}
/*Main Contain*/
.TopMain
{
	background: url("../Images/bgTopMain.gif") no-repeat top;
	width: 922px;
	height: 10px;
	padding: 0 ;
	margin: 0;
}

.MainOnTop
{
	background: url("../Images/bgMainOnTop.gif") no-repeat top;
	width: 922px;
	/*height: 605px;*/
	padding: 0;
	margin: 0;
}

.Main
{
	background: /*url("../Images/bgMain.gif") repeat-y*/ #FFF;
	width: 922px;
	height: auto;
	padding: 0 ;
	margin: 0;
}

.BottomMain
{
	background: /*url("../Images/bgBottomMain.gif") no-repeat bottom*/ #000;
	width: 922px;
	height: auto;
	vertical-align: middle;
	color: #FFF;
	padding: 10px ;
	margin: 0;
}

/*Menu Top*/
DIV.Topmenu
{
	background: url("../Images/BgMenuTop.gif") no-repeat;
	color: White;
	font-weight: bold;
	font-size: 12px;
	width: 55px;
	height: 17px;
	padding: 0 0 0 10px;
	margin: 0;
}

DIV.Topmenu a:hover, DIV.Topmenu a:link, DIV.Topmenu a:active, DIV.Topmenu a:visited
{
	color: White;
	text-decoration: none;
}

/*System Name*/
P.SystemName
{
	font-size: 36px;
	font-style:italic;
	font-weight:bold;
	color: #35565E;
}

/*txt Login*/
.Login
{
	/*background: url("../Images/bgGray.gif") no-repeat fixed;*/
	background: #FFFFFF;
	border: 1px #CCCCCC solid;
	float:left;
	width: 100px;
	height: 18px;
	padding: 0 5px 0 5px;
	margin: 5px 5px 2px 0;
}
P.Red
{
	color: Red;
	font-size: 14px;
	float:left;
	padding: 0;
	margin: 0;
}

/*Welcome*/
P.Welcome
{
	font-size: 12px;
	font-weight: bold;
	color: #DD1F6C;
	padding: 0;
	margin: 0;
}

.Welcome
{
	font-size: 12px;
	font-weight: bold;
	color: #DD1F6C;
	padding: 0;
	margin: 0;
}

.lblLogin
{
	font-size: 12px;
	font-weight: bold;
	color: #787878;
	padding: 0;
	margin: 0;
}

/*Top Menu Post*/
.BgTopMenuPost
{
	background: url("../Images/bgTopMenuPost.gif") repeat-x;
	height: 30px;
	padding:0 0 1px 0;
	margin: 0 0 0 0;
}
.TopMenuPost
{
	background: url("../Images/bgTopMenuPostMark.gif") no-repeat left top;	
	float:left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 23px;
	text-align:center;
	padding: 7px 0 0 0;
	margin:0;
}

.TopMenuPost a:link, .TopMenuPost a:active, .TopMenuPost a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 10px 0 10px;
	margin: 0;
}

.TopMenuPost a:hover
{
	background: url("../Images/bgTopMenu.gif") repeat-x;
	color: #D94392;
	text-decoration: none;
	padding: 7px 10px 8px 10px;
	margin: 0;
}

.TopMenuPostAc
{
	background: url("../Images/bgTopMenuMark.gif") no-repeat left top;
	float:left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 23px;
	text-align:center;
	padding: 7px 0 0 0;
	margin: 0;
}

.TopMenuPostAc a:hover, .TopMenuPostAc a:link, .TopMenuPostAc a:active, .TopMenuPostAc a:visited
{
	background: url("../Images/bgTopMenu.gif") repeat-x;
	color: #D94392;
	text-decoration: none;
	padding: 7px 10px 8px 8px;
	margin: 0 0 0 2px;
}

/*Top Menu Role*/
.BgTopMenuRole
{
	background: url("../Images/bgTopMenu.gif") repeat-x;
	height: 30px;
	padding:0;
	margin: 0;
}
.TopMenuRole
{
	background: url("../Images/bgTopMenuMark.gif") no-repeat left top;
	float:left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
	text-align:center;
	padding: 7px 0 0 0;
	margin: 0;
}

.TopMenuRole a:link, .TopMenuRole a:active, .TopMenuRole a:visited
{
	color: #D94392;
	text-decoration: none;
	padding: 7px 10px 0 10px;
	margin: 0;
}

.TopMenuRole a:hover
{
	background: url("../Images/bgTopMenuPost.gif") repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 10px 8px 10px;
	margin: 0;
}

.TopMenuRoleAc
{
	background: url("../Images/bgTopMenuPostMark.gif") no-repeat left top;	
	float:left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 23px;
	text-align:center;
	padding: 7px 0 0 0;
	margin:0;
}

.TopMenuRoleAc a:hover, .TopMenuRoleAc a:link, .TopMenuRoleAc a:active, .TopMenuRoleAc a:visited
{
	background: url("../Images/bgTopMenuPost.gif") repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 10px 8px 8px;
	margin: 0 0 0 2px;
}

/*Side Menu*/
.SideMenu
{
	width: 200px;
	border: solid 1px #ACA899;
	color: #6699CC;
	font-size: 5px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0 5px 0 5px;
}

.SideMenu a:hover, .SideMenu a:link, .SideMenu a:active, .SideMenu a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

/*Left Content*/
.LeftContent
{
	width: 888px;
	border: 1px solid #ACA899;
	padding: 10px 5px 0px 5px;
	margin: 1px 5px 0 5px;
}

.SubLeftContent
{
	width: 868px;
	border: 1px solid #7F9DB9;
	padding: 2px 10px 2px 10px;
	margin: 5px 5px 0 5px;
}

TABLE.SubLefContent TR TD
{
	padding:5px 0 5px 0;
}

DIV.ScollBottom
{
	width: 848px;
	min-height:200px;
	overflow: scroll;
	padding: 0 5px 10px 5px;
	margin: 0 0 10px 0;
}

/*Text*/
.HeadPage
{
	color: #FFFFFF;
	background-color: #4D6185;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin: 0;
}

.HeadUserControl
{
	color: #4D6185;
	background-color: #ADC3F6;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 5px;
}

.Title
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;	
}

.Description
{
	color: #09397B;
	font-size: 12px;
	padding: 0;
	margin: 0;	
}

.Description a:hover, .Description a:link, .Description a:active, .Description a:visited
{
	color: #09397B;
	font-size: 12px;
	padding: 0;
	margin: 0;	
}

.Link
{
	color: #09397B;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;	
}

.Link a:hover, .Link a:link, .Link a:active, .Link a:visited
{
	color: #09397B;
	text-decoration: underline;
	padding: 0;
	margin: 0;	
}

.Red
{
	color: Red;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

/*Message Content*/
.caption_bg
{
    BACKGROUND-COLOR: #ADC3F6
}

.ftextbold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #4D6185;
    FONT-FAMILY: MS Sans Serif, Microsoft Sans Serif, Tahoma
}

/*************************Content************************/
/**********
.title
{
	background-color:#987654;
	font-size:large;
	line-height:35px;
	width:100%;	
	text-align:center;
	margin-top:5px;
}
*******/

table.content
{
	width:100%;	
}

table.content th
{
	width:150px;
	padding:3px 0px 3px 10px;
	text-align:left;	
}

table.content td
{
	padding:3px 0px 3px 0px;	
}